<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="<%=basePath%>">
		
		<meta charset="utf-8" />
		<title></title>
		
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link href="static/css/bootstrap.min.css" rel="stylesheet" />
		<link href="static/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="static/css/font-awesome.min.css" />
		<!-- 下拉框 -->
		<link rel="stylesheet" href="static/css/chosen.css" />
		
		<link rel="stylesheet" href="static/css/ace.min.css" />
		<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="static/css/ace-skins.min.css" />
		
		<link rel="stylesheet" href="static/css/datepicker.css" /><!-- 日期框 -->
		<link rel="stylesheet" href="css/bootstrap-timepicker.css" /><!-- 时间框 -->
		<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="static/js/jquery.tips.js"></script>
		
<script type="text/javascript">

	$(top.hangge());
	//保存
	function save(){
		
			$("#Form").submit();
			$("#zhongxin").hide();
			$("#zhongxin2").show();
	}
	
	
	
</script>
	</head>
<body>
	<form action="schooltime/${msg }.do" name="Form" id="Form" method="post">
		<input type="hidden" name="id" id="id" value="${pd.id }"/>
		<input type="hidden" name="parentid" id="parentid" value="${pd.parentid }"/>
		<div id="zhongxin">
		<table>

					<tr>
					<td>	<div class="input-append bootstrap-timepicker">
									<input id="starttime" name="starttime" type="text" class="input-small" value="${pd.start_time }" placeholder="这里输入开始时间"
						title="开始时间"/>
									<span class="add-on"><i class="icon-time"></i></span>
								</div></td>
				</tr>
					<tr>
					<td>	<div class="input-append bootstrap-timepicker">
									<input id="endtime" name="endtime" type="text" class="input-small" value="${pd.end_time }" placeholder="这里输入结束时间"
						title="结束时间"/>
									<span class="add-on"><i class="icon-time"></i></span>
								</div></td>
				</tr>
						<tr>
					<td><input type="text" name="content" id="content"
						value="${pd.content }" maxlength="32" placeholder="这里输入内容"
						title="内容"/></td>
				</tr>
						<tr>
					<td>
					<input type="number" name="orders" id="orders" value="${pd.orders }" placeholder="排序" title="排序"/>
					</td>
				</tr>
				<tr>
				<td class="center" colspan="2">
					<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
					<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
				</td>
			</tr>
		</table>
		</div>
		
		<div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
		
	</form>
	
	
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script src="static/js/bootstrap.min.js"></script>
		<script src="static/js/ace-elements.min.js"></script>
		<script src="static/js/ace.min.js"></script>
		<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
		<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
		<script type="text/javascript" src="static/js/bootstrap-timepicker.min.js"></script><!-- 时间框 -->
		<script type="text/javascript">
		
		$(function() {
			
			//单选框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			
			//日期框
			$('.date-picker').datepicker();
			$('#starttime').timepicker({
				format: 'hh:ii',
				minuteStep: 1,
				showSeconds: false,
				showMeridian: false
			});
			$('#endtime').timepicker({
				format: 'hh:ii',
				minuteStep: 1,
				showSeconds: false,
				showMeridian: false
			});
		});
		
		</script>
	
</body>
